iT邦幫忙

2024 iThome 鐵人賽

DAY 8
0

物件與陣列

物件和陣列是JavaScript中常用來存儲與處理資料的結構
1.物件(Object)
物件是一種可以存放多個資料的結構,資料以「key-value」的形式存在。這讓我們可以透過屬性名稱(key)來存取資料(value)。

物件定義與存取

let person = {
    name: "Alice",
    age: 25,
    job: "Developer"
};

console.log(person.name);  // 輸出: Alice
console.log(person["age"]);  // 輸出: 25

更新物件的屬性: 用來更新或新增物件的屬性

person.age = 26;
person.country = "Taiwan";

console.log(person.age);  // 輸出: 26
console.log(person.country);  // 輸出: Taiwan

2.陣列(Array)
陣列是用來存放一組有序資料的結構,每個元素可以透過索引(index)存取。

定義與存取陣列

let colors = ["red", "green", "blue"];

console.log(colors[0]);  // 輸出: red
console.log(colors[2]);  // 輸出: blue

(PS:陣列的索引從0開始,所以第一個元素是colors[0])

3.陣列遍歷
遍歷陣列是開發中常見的操作,最常用的是 forEach()。

let numbers = [1, 2, 3, 4];
numbers.forEach(function(number) {
    console.log(number);
});

或者也可以用ES6中的map()

let doubled = numbers.map(function(number) {
    return number * 2;
});

console.log(doubled);  // 輸出: [2, 4, 6, 8]

上一篇
# JavaScript入門教學Day7
下一篇
# JavaScript入門教學Day9
系列文
解鎖第一個人生成就清單:Javascript鐵人學習19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言